
	@import "base.less";
/* =========================初始化 css 结束======================== */


/* ======================导航栏样式开始================= */
	@import "global.less";
	nav{
		.nav_firstLevel{
			.nav_list{
				ul.solution{
					display: block;
				}
			}
		}
		.nav_twoLevel{
			display: block;
			
		}
	}
/* ======================导航栏样式结束================= */


/* ======================主体内容开始================= */
main{
	padding-top:140px;
	h3{
		font:900 50px "Microsoft Yahei";
		text-align:center;
		color:#fff;
	}
	#vr_pratice_top{
		position:relative;
		img{
			width:100%;
			vertical-align:middle;//去除图片底部间隙
		}
		div{
			width:980px;
			// height:200px;
			text-align:center;
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			P{
				font-size:18px;
				margin-top:20px;
				line-height:25px;
				color:#fff;
				width:1050px;
			}
		}
	}
	#vr_pratice_con{
		width:100%;
		height:1120px;
		background:url(../images/vr_dev_bg.png) no-repeat center 200px;
		#vr_pratice_equipment{
			margin-bottom:100px;
			.vr_pratice_equipment-top{
				position:relative;
				margin-top:20px;
				height:100px;
				>div{
					width:335px;
					padding-top:70px;
					background:url(../images/VR2.png) no-repeat center top;
					background-size:50px;
					text-align:center;
					position:absolute;
					top:0;
					left:50%;
					&:nth-of-type(2){
						transform:translateX(-50%);
					}
					&:nth-of-type(3){
						transform:translateX(100%);
					}
					&:nth-of-type(1){
						transform:translateX(-200%);
					}
					span{
						font-size:18px;
						color:#7f7f7f;
					}
				}
			}
		}
		#vr_pratice_equipment_content{
			height:635px;
			h3{
				color:#000;
			}
			h5{
				width:225px;
				margin:15px auto;
				font-size:18px;
				color:#7f7f7f;
			}
			>div{
				position:relative;
				margin:50px 0;
				.left{
					position:absolute;
					top:0;
					left:50%;
					transform:translateX(-115%);
				}
				.right{
					position: absolute;
					top:0;
					left:50%;
					font:500 25px/50px "Microsoft Yahei";
					p{
						width:540px;
						margin-bottom:30px;
					}
					ul{
						li{
							&:first-of-type{
								text-indent:1em;
							}
						}
					}
				}
			}
		}
		#vr_pratice_equipment_bot{
			width:970px;
			height:110px;
			margin:0 auto;
			>div{
				>div{
					width:200px;
					padding-top:85px;
					text-align:center;
					&:nth-of-type(1){
						background: url(../images/con_8.png) no-repeat top center;
					}
					&:nth-of-type(2){
						background: url(../images/con_5.png) no-repeat top center;
					}
					&:nth-of-type(3){
						background: url(../images/con_6.png) no-repeat top center;
					}
					&:nth-of-type(4){
						background: url(../images/con_7.png) no-repeat top center;
					}
					>p{
						font:600 18px "Microsoft Yahei";
						color:#737373;
						margin:15px 0;
					}
					>span{
						text-align:left;
						font-size:14px;
						color:#5dbbc1;
					}
				}
				>span{
					font-size:60px;
					color:#FED500;
				}
			}
			>p{
				width:970px;
				text-align: center;
				margin-top:50px;
				font-size:18px;
				color:#7f7f7f;
			}
		}
	}
	#vr_pratice_bot{
		background:url("../images/vr+_bg2.png") no-repeat;
		background-size:100%;
		padding:18%;	
		text-align:center;
		position:relative;
		>div{
			position:absolute;
			top:50%;
			left:50%;
			transform:translate(-50%,-50%);
			p{
				font-size:18px;
				color:#fff;
				line-height: 50px;

				&:first-of-type{
					margin-top:50px;
				}
			}
		}
	}
}	


/* ======================主体内容结束================= */

